<div class="container d-md-block d-none">
	<ul class="d-flex flex-row justify-content-between">
		<li class="flex-grow-1">
			<a href="./about.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_1.png" alt="">
				<span>ABOUT US</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./pro.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_2.png" alt="">
				<span>PRODUCTS</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./vi.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_3.png" alt="">
				<span>Image DISPLAY</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./newslist.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_4.png" alt="">
				<span>NEWS</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./jm.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_5.png" alt="">
				<span>JOIN US</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./pro.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_6.png" alt="">
				<span>SUCCESS CASE</span>
			</a>
		</li>
		<li class="flex-grow-1">
			<a href="./contact.html" target="_blank"
				class="float-none d-flex flex-column justify-content-center align-items-center"
			>
				<img src="./images/nav_7.png" alt="">
				<span>CONTACT US</span>
			</a>
		</li>
	</ul>
</div>

<div class="d-md-none">
	<nav class="navbar navbar-light bg-light" aria-label="First navbar example">
		<div class="container-fluid">
			<a class="navbar-brand" href="#">优优露茗</a>
			<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
	
			<div class="navbar-collapse collapse" id="navbarsExample01">
				<ul class="navbar-nav me-auto mb-2">
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./about.html" target="_blank">
							<img src="./images/nav_1.png" alt="">
							ABOUT US
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./pro.html" target="_blank">
							<img src="./images/nav_2.png" alt="">
							PRODUCTS
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./vi.html" target="_blank">
							<img src="./images/nav_3.png" alt="">
							Image DISPLAY
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./newslist.html" target="_blank">
							<img src="./images/nav_4.png" alt="">
							NEWS
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./jm.html" target="_blank">
							<img src="./images/nav_5.png" alt="">
							JOIN US
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./pro.html" target="_blank">
							<img src="./images/nav_6.png" alt="">
							SUCCESS CASE
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link d-flex flex-row align-items-center justify-content-between" href="./contact.html" target="_blank">
							<img src="./images/nav_7.png" alt="">
							CONTACT US
						</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
</div>